<html>
    <head>
        <title>tabbar常见问题</title>
    </head>
    <body>
        <script>
            /*
                  <4>、tabbar 常见问题

                                            ①、tabbar 的 js api ，可实现动态显示隐藏  （如弹出层无法覆盖tabbar）、  内容修改（如国际化）、item加角标等功能。

                                                hello uni-app 中也有示例。

                                            ②、tabbar 的 item 点击事件见 "页面生命周期"的 onTabItemTap 生命周期。

                                            ③、代码跳转到 tabbar 页面，api "只能" 使用 uni.switchTab，不能使用uni.navigateTo、uni.redirectTo；

                                                    使用navigator组件跳转时必须设置open-type="switchTab"

                                            ④、abbar 的默认高度，在不同平台不一样。App端的默认高度在HBuilderX 2.3.4起从56px调整为50px，与H5端统一。

                                                    开发者也可以自行设定高度，调回56px。详见 ：https://uniapp.dcloud.io/tutorial/syntax-css.html#%E5%9B%BA%E5%AE%9A%E5%80%BC

                                            ⑤、tabbar 在H5端是div模拟的，属于前端屏幕窗口的一部分，如果要使用bottom居底定位方式，
                                                
                                                    应该使用css变量--window-bottom，比如悬浮在tabbar上方10px的按钮，样式如下bottom: calc(var(--window-bottom) + 10px)

                                            ⑥、中间带+号的tabbar模板例子，参考（https://ext.dcloud.net.cn/plugin?id=98）。
                                                
                                                    可跨端，但 "+" 号不凸起。如需中间凸起，配置tabbar的midButton。

                                            ⑦、如果是需要先登录、后进入tab页面，不需要把登录页设为首页，首页仍然是tabbar页，可参考云端一体登录模板

                                            ⑧、前端弹出遮罩层挡不住tabbar的问题，跨端处理方式时动态隐藏tabbar。

                                                App端可以使用plus.nativeObj.view或subNVue做弹出和遮罩，可参考这个底部原生图标分享菜单例子

                                            ⑨、微信小程序模拟器1.02.1904090版有bug，在缩放模拟器页面百分比后，tabbar点击多次后就会卡死。真机无碍，使用时注意

                                            ⑩、PC宽屏上，当页面存在topWindow或leftWindow或rightWindow等多窗体结构时，若想改变 tabbar 显示的位置，
                                            
                                                请使用 custom-tab-bar组件 配置，若想隐藏 tabbar，可以使用如下 css（好处是可以和 leftwindow 等窗体联动）：

                                                    .uni-app--showleftwindow + .uni-tabbar-bottom {
                                                        display: none;
                                                    }

            */
        </script>
    </body>
</html>